<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>第一个页面</title>		
	</head>
	<body>
		<!--
			
			说明：jquery选择器属于集合选择，得到的是一个与描述相符的集合。
			
			////////////////////////	集合选择器	//////////////////////////////
						
			*************************	仿CSS选择器 	***************************
			
			* 					$("*") 所有元素 
			#id 				$("#lastname") 				id="lastname" 的元素 
			.class 				$(".intro") 				class="intro" 的所有元素 
			.class,.class 		$(".intro,.demo") 			class 为 "intro" 或 "demo" 的所有元素 
			element 			$("p") 						所有 <p> 元素 
			el1,el2,el3 		$("h1,div,p") 				所有 <h1>、<div> 和 <p> 元素 
			   
			:first 				$("p:first") 				第一个 <p> 元素 
			:last 				$("p:last") 				最后一个 <p> 元素 
			:even 				$("tr:even") 				所有偶数 <tr> 元素 
			:odd 				$("tr:odd") 				所有奇数 <tr> 元素 
			   
			:first-child 		$("p:first-child")		 	属于其父元素的第一个子元素的所有 <p> 元素 
			:first-of-type 		$("p:first-of-type") 		属于其父元素的第一个 <p> 元素的所有 <p> 元素 
			:last-child 		$("p:last-child") 			属于其父元素的最后一个子元素的所有 <p> 元素 
			:last-of-type 		$("p:last-of-type") 		属于其父元素的最后一个 <p> 元素的所有 <p> 元素 
			:nth-child(n) 		$("p:nth-child(2)") 		属于其父元素的第二个子元素的所有 <p> 元素 
			:nth-last-child(n) 	$("p:nth-last-child(2)") 	属于其父元素的倒数第二个子元素的所有 <p> 元素
			:nth-of-type(n) 	$("p:nth-of-type(2)") 		属于其父元素的第二个 <p> 元素的所有 <p> 元素 
			:nth-last-of-type(n) $("p:nth-last-of-type(2)") 属于其父元素的倒数第二个 <p> 元素的所有 <p> 元素
			:only-child 		$("p:only-child") 			属于其父元素的唯一子元素的所有 <p> 元素 
			:only-of-type 		$("p:only-of-type") 		属于其父元素的特定类型的唯一子元素的所有 <p> 元素 
			   
			parent > child 		$("div > p") 				<div> 元素的直接子元素的所有 <p> 元素 
			parent descendant 	$("div p") 					<div> 元素的后代的所有 <p> 元素 
			element + next 		$("div + p") 				每个 <div> 元素相邻的下一个 <p> 元素 
			element ~ siblings 	$("div ~ p") 				<div> 元素同级的所有 <p> 元素 
			   
			:eq(index) 			$("ul li:eq(3)") 			列表中的第四个元素（index 值从 0 开始） 
			:gt(no) 			$("ul li:gt(3)") 			列举 index 大于 3 的元素 
			:lt(no) 			$("ul li:lt(3)") 			列举 index 小于 3 的元素 
			:not(selector) 		$("input:not(:empty)") 		所有不为空的输入元素 
			
			*************************	伪类选择器 	***************************
			
			:header 			$(":header") 				所有标题元素 <h1>, <h2> ... 
			:animated			$(":animated") 				所有动画元素 
			:focus 				$(":focus") 				当前具有焦点的元素 
			:contains(text) 	$(":contains('Hello')") 	所有包含文本 "Hello" 的元素 
			:has(selector) 		$("div:has(p)") 			所有包含有 <p> 元素在其内的 <div> 元素 
			:empty 				$(":empty") 				所有空元素 
			:parent				$(":parent") 				所有是另一个元素的父元素的元素 
			:hidden 			$("p:hidden") 				所有隐藏的 <p> 元素 
			:visible 			$("table:visible") 			所有可见的表格 
			:root 				$(":root") 					文档的根元素
			:lang(language) 	$("p:lang(de)") 			所有带有以 "de" 开头的 lang 属性值的 <p> 元素 
			 
			
			*************************	属性选择器 	***************************
			 
			[attribute] 		$("[href]") 所有带有 href 属性的元素 
			[attribute=value] 	$("[href='default.htm']") 所有带有 href 属性且值等于 "default.htm" 的元素 
			[attribute!=value] 	$("[href!='default.htm']") 所有带有 href 属性且值不等于 "default.htm" 的元素 
			[attribute$=value] 	$("[href$='.jpg']") 所有带有 href 属性且值以 ".jpg" 结尾的元素 
			[attribute|=value] 	$("[title|='Tomorrow']") 所有带有 title 属性且值等于 'Tomorrow' 或者以 'Tomorrow' 后跟连接符作为开头的字符串 
			[attribute^=value] 	$("[title^='Tom']") 所有带有 title 属性且值以 "Tom" 开头的元素 
			[attribute~=value] 	$("[title~='hello']") 所有带有 title 属性且值包含单词 "hello" 的元素 
			[attribute*=value] 	$("[title*='hello']") 所有带有 title 属性且值包含字符串 "hello" 的元素 
			
			
			
			*************************	表单伪类选择器 	***************************
			* 
			:input 				$(":input") 所有 input 元素 
			:text 				$(":text") 所有带有 type="text" 的 input 元素 
			:password 			$(":password") 所有带有 type="password" 的 input 元素 
			:radio			 	$(":radio") 所有带有 type="radio" 的 input 元素 
			:checkbox 			$(":checkbox") 所有带有 type="checkbox" 的 input 元素 
			:submit 			$(":submit") 所有带有 type="submit" 的 input 元素 
			:reset 				$(":reset") 所有带有 type="reset" 的 input 元素 
			:button 			$(":button") 所有带有 type="button" 的 input 元素 
			:image 				$(":image") 所有带有 type="image" 的 input 元素 
			:file 				$(":file") 所有带有 type="file" 的 input 元素 
			:enabled 			$(":enabled") 所有启用的 input 元素 
			:disabled 			$(":disabled") 所有禁用的 input 元素 
			:selected 			$(":selected") 所有选定的 input 元素 
			:checked 			$(":checked") 所有选中的 input 元素 



			////////////////////////	集合操作	//////////////////////////////
			
			*************************	增删改 	***************************
			add() 			把元素添加到匹配元素的集合中 
			addBack() 		把之前的元素集添加到当前集合中 
			not() 			从匹配元素集合中移除元素 
			filter() 		把匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素 
			slice() 		把匹配元素集合缩减为指定范围的子集 
			
			
			*************************	子集 	***************************
			children() 		返回被选元素的所有直接子元素 
			find() 			返回被选元素的后代元素 
			contents() 		返回被选元素的所有直接子元素（包含文本和注释节点） 
			first() 		返回被选元素的第一个元素 
			last() 			返回被选元素的最后一个元素 
			eq() 			返回带有被选元素的指定索引号的元素 
			
			*************************	父集 	***************************
			closest() 		返回被选元素的第一个祖先元素 
			parent() 		返回被选元素的直接父元素 
			parents() 		返回被选元素的所有祖先元素 
			parentsUntil() 	返回介于两个给定参数之间的所有祖先元素 
			offsetParent() 	返回第一个定位的父元素 
			
			*************************	同级	***************************
			next() 			返回被选元素的后一个同级元素 
			nextAll() 		返回被选元素之后的所有同级元素 
			nextUntil() 	返回介于两个给定参数之间的每个元素之后的所有同级元素 
			prev() 			返回被选元素的前一个同级元素 
			prevAll() 		返回被选元素之前的所有同级元素 
			prevUntil() 	返回介于两个给定参数之间的每个元素之前的所有同级元素 
			siblings() 		返回被选元素的所有同级元素
									
			*************************	其他		***************************
			each() 			为每个匹配元素执行函数 
			end() 			结束当前链中最近的一次筛选操作，并把匹配元素集合返回到前一次的状态 			
			has() 			返回拥有一个或多个元素在其内的所有元素 
			is() 			检查匹配元素集合，如果存在至少一个匹配元素，则返回 true 			
			map() 			把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象 
								
-->
	</body>
</html>
